<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./js/jquery-3.5.1.min.js"></script>
</head>

<body>
    <!-- HTML结构 -->
    <ul id="test-list">
        <li>JavaScript</li>
        <li>Swift</li>
        <li>HTML</li>
        <li>ANSI C</li>
        <li>CSS</li>
        <li>DirectX</li>
    </ul>
    <!-- HTML结构 -->
    <form id="test-form" action="test">
        <legend>请选择想要学习的编程语言：</legend>
        <fieldset>
            <p><label class="selectAll" onclick="allSelect()">
                <input type="checkbox" id="head"> <span class="selectAll" id="head-all">全选</span>
                <span class="deselectAll">全不选</span></label>
                <a href="#0" class="invertSelect" onclick="invertSelect1()">反选</a></p>
            <p><label><input type="checkbox" name="lang" value="javascript" onclick="selectOne()"> JavaScript</label></p>
            <p><label><input type="checkbox" name="lang" value="python" onclick="selectOne()"> Python</label></p>
            <p><label><input type="checkbox" name="lang" value="ruby" onclick="selectOne()"> Ruby</label></p>
            <p><label><input type="checkbox" name="lang" value="haskell" onclick="selectOne()"> Haskell</label></p>
            <p><label><input type="checkbox" name="lang" value="scheme" onclick="selectOne()"> Scheme</label></p>
            <p><button type="submit">Submit</button></p>
        </fieldset>
    </form>
</body>
<script src="./js/js.js"></script>

</html>